﻿html, body, div, span, applet, object, iframe, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
 caption{
	margin:0;
	padding:0;
	border:0;
	outline:0;
}
body{
background: url('bodybg.jpg');
	margin:0;
	padding:0;
}
*::-moz-selection {
    background: none repeat scroll 0 0 #bf0909;
    color: #fff;
}
*{	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;}
ul,li{list-style-type:none;
}
@font-face {
    font-family: "JF";
    src: url('http://www.tl4demo.com/vb3/tl4s-watn/fonts/JF-Flat-regular.eot');
    src: url('http://www.tl4demo.com/vb3/tl4s-watn/fonts/JF-Flat-regular.eot?#iefix') format('embedded-opentype'),
    url('http://www.tl4demo.com/vb3/tl4s-watn/fonts/JF-Flat-regular.svg#JF Flat Regular') format('svg'),
    url('http://www.tl4demo.com/vb3/tl4s-watn/fonts/JF-Flat-regular.woff') format('woff'),
    url('http://www.tl4demo.com/vb3/tl4s-watn/fonts/JF-Flat-regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
	@font-face {
        font-family: "Hacen Jordan";
        src: url('http://www.tl4demo.com/vb3/tl4s-watn/fonts/277038575-Hacen-Jordan.eot');
        src: url('http://www.tl4demo.com/vb3/tl4s-watn/fonts/277038575-Hacen-Jordan.eot?#iefix') format('embedded-opentype'),
        url('http://www.tl4demo.com/vb3/tl4s-watn/fonts/277038575-Hacen-Jordan.svg#Hacen Jordan') format('svg'),
        url('http://www.tl4demo.com/vb3/tl4s-watn/fonts/277038575-Hacen-Jordan.woff') format('woff'),
        url('http://www.tl4demo.com/vb3/tl4s-watn/fonts/277038575-Hacen-Jordan.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }
	@font-face {
    font-family: 'ge_ss_two_medium';
	src: url('http://www.tl4demo.com/vb3/tl4s-watn/fonts/ge_ss_two_medium.eot');
    src: url('http://www.tl4demo.com/vb3/tl4s-watn/fonts/ge_ss_two_medium.eot?#iefix') format('embedded-opentype'),
         url('http://www.tl4demo.com/vb3/tl4s-watn/fonts/ge_ss_two_medium.woff') format('woff'),
         url('http://www.tl4demo.com/vb3/tl4s-watn/fonts/ge_ss_two_medium.ttf') format('truetype'),
         url('http://www.tl4demo.com/vb3/tl4s-watn/fonts/ge_ss_two_medium.svg#ge_ss_two_medium') format('svg');
    font-weight: normal;
    font-style: normal;

}

a{
	text-decoration:none;
	font-family: tahoma;
	color:#6b5101;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	font-size:10pt;

}
a:hover{
	text-decoration:none;
	color:#bc0909;
	-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
img
{
border:0;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(...);
  	  opacity:1;
filter:alpha(opacity=100); /* For IE8 and earlier */-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
img:hover
{
border:0;
  	  	opacity:0.8;
filter:alpha(opacity=80); /* For IE8 and earlier */-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.clear{
  clear:both;
  height:5px;
}

	@font-face {
        font-family: "Droid Arabic Kufi";
        src: url('http://www.tl4demo.com/vb3/tl4s-watn/fonts/564422608-DroidKufi-Regular.eot');
        src: url('http://www.tl4demo.com/vb3/tl4s-watn/fonts/564422608-DroidKufi-Regular.eot?#iefix') format('embedded-opentype'),
        url('http://www.tl4demo.com/vb3/tl4s-watn/fonts/564422608-DroidKufi-Regular.svg#Droid Arabic Kufi') format('svg'),
        url('http://www.tl4demo.com/vb3/tl4s-watn/fonts/564422608-DroidKufi-Regular.woff') format('woff'),
        url('http://www.tl4demo.com/vb3/tl4s-watn/fonts/564422608-DroidKufi-Regular.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }



#header{margin:auto;
overflow:hidden;
height:330px;
background: url('QDCxWC.png') repeat-x;
}
.header{margin:auto;
overflow:hidden;
height:330px;
}
.headright{float:right;
height:330px;
width:500px;
background:url('vfc1Wp.png') no-repeat;
position:relative;
}
#navtop{
    position: absolute;
    right:10px;
    bottom: 16px;
	height:31px;
	width:500px;
}
ul.navtop{
	margin:0;
	padding:0;
    list-style:none;
}
.navtop li{
	display:inline;
}
.navtop li a{
	height:31px;
	line-height:31px;
	display:inline-block;
	text-align:center;
	color:#1e1e1e;
	font-size:8pt;
    font-family: 'ge_ss_two_medium';
	float:right;
	width:66px;
	font-weight:lighter;
		padding-right:10px;
		padding-left:10px;
}

.navtop li a.home{
width:27px;
height:28px;
}

.navtop li a.home:hover,.navtop li a.home:focus{
width:27px;
height:28px;
	background:none;

}
.navtop li a:hover,.navtop li a:focus{
	background:url(http://www.tl4demo.com/tl4s-watn/vb3/images/navhover.png) no-repeat;
	color:#fff;
        -webkit-transition: all 900ms cubic-bezier(0.230, 1.000, 0.320, 1.000) 0ms;
        -moz-transition: all 900ms cubic-bezier(0.230, 1.000, 0.320, 1.000) 0ms;
        -o-transition: all 900ms cubic-bezier(0.230, 1.000, 0.320, 1.000) 0ms;
        -ms-transition: all 900ms cubic-bezier(0.230, 1.000, 0.320, 1.000) 0ms;
        transition: all 900ms cubic-bezier(0.230, 1.000, 0.320, 1.000) 0ms;

}
a.logo{
	background:url(http://www.tl4demo.com/tl4s-watn/vb3/images/logo.png);
	background-repeat:no-repeat;
	width:375px;
	height:193px;
float:right;
margin-top:60px;
margin-right:10px;

}
.headleft{float:left;
height:330px;
width:425px;
background:url('KAs9Gy.png') no-repeat;
position:relative;
}



#news{

	height:30px;
	margin:20px 20px;
	
}
.news-right{
	background:url('newsright.png') no-repeat;
	width:165px;
	height:30px;
	float:right;
	position:relative;

}
.news-right h1{
margin:0;
text-align:center;
font-family: 'ge_ss_two_medium';
color:#fff;
font-weight:lighter;
font-size:9pt;
line-height:30px;
	width:165px;

}

.news-center{
	height:30px;
	line-height:30px;
	margin:auto 10px;
	text-align:right;
font-family: 'ge_ss_two_medium';
	background:url('newsbg.png') repeat-x;
	font-size:10pt;
float:right;
width:82%;
padding-right:10px;
		-moz-border-radius: 2px; 
		-webkit-border-radius: 2px;
		border-radius: 2px;
}

#tooltip{ 
        position:absolute; 
		background:#e0c951; 
		padding:3px 5px 4px; 
		color:#111; 
		display:none; 
		font-size:8pt;
		-moz-border-radius: 2px; 
		-webkit-border-radius: 2px;
		border-radius: 2px;
		 z-index: 999;
 font-family: "Droid Arabic Kufi";
}

#wrap{
	margin-left:auto;
	margin-right:auto;
}

#cont{
	margin-left:auto;
	margin-right:auto;    
	padding-bottom:20px;
	
}


#etar{
	background:url('etar.png') repeat-x;
	height:63px;
}
.etar-right{
	background:url('etar-right.png') no-repeat;
	width:55px;
	height:63px;
	float:right;
}

.etar-left{
	background:url('nqEyZ4.png') no-repeat;
	width:256px;
	height:63px;
	float:left;
}


.right-amod{
	background:url('right-amod.png') repeat-y right 50%;
	padding-right:15px;
}
.left-amod{
	background:url('left-amod.png') repeat-y left 50%;
	padding-left:13px;
}
.co{
	background: #ebf4fb;

	}
.post{
	font-family:tahoma;
	font-size:10pt;
	text-align:right;
}


#et{
	background:url('et.png') repeat-x;
	height:40px;
}
.et-right{
	background:url('et-right.png') no-repeat;
	width:35px;
	height:40px;
	float:right;

}

.et-left{
	background:url('et-left.png') no-repeat;
	width:29px;
	height:40px;
	float:left;
}
.et-center{
	background:url('etar-center.png') no-repeat;
	width:338px;
	height:40px;
margin:auto;
}

.col-md-30 {
width:250px;
	float:right;margin-left:25px;
	margin-top:65px;
	margin-bottom:10px;
	position:relative;
  }
.col-md-30 .copyright{
background:#b00101;
		-moz-border-radius: 5px; 
		-webkit-border-radius: 5px;
		border-radius: 5px;
		   font-family: 'ge_ss_two_medium';
color:#fff;
font-weight:lighter;
text-align:center;

padding:10px;
margin:0;
font-size:9pt;
}
.col-md-30 h1{
   font-family: 'ge_ss_two_medium';
color:#dd0404;
float:right;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
font-size:10pt;
line-height:37px;
font-weight:lighter;
width:250px;
height:37px;
text-align:right;
background:url('footerh1bg.png') no-repeat;
}.col-md-30 i.sitesicon{
float:right;
line-height:19px;
width:27px;
margin:5px 0px 0px 10px;

height:19px;
background:url('iconfooter.png') no-repeat;
}.col-md-30 i.mapsite{
float:right;
line-height:24px;
width:28px;
margin:5px 0px 0px 10px;

height:24px;
background:url('link.png') no-repeat;
}


.col-md-30 ul.menu{
margin:0px 15px 0px 0px;
padding:0;
list-style-type:none;
}
.col-md-30 ul.menu li{ 
display:block;
width:250px;text-align:right;

}
.col-md-30 ul.menu li a{background: url('footerbult.png') no-repeat right center;
padding-right:18px;
color:#606060;
text-align:right;
   font-family: 'ge_ss_two_medium';
font-size:9pt;
line-height:25px;
font-weight:lighter;
margin-top:6px;
margin-right:8px;
}
.col-md-30 ul.menu li a:hover{	-webkit-animation: pulse 0.8s;
	-moz-animation: pulse 0.8s;
	-ms-animation: pulse 0.8s;
	-o-animation: pulse 0.8s;
	animation: pulse 0.8s;text-decoration:none;color:#fff;}



#footer2{
    background: url('footer.png') repeat-x;
	height:263px;
	overflow:hidden;z-index:999;
position:relative;
}
.footer2{

  height:263px;
  margin:auto;
 position:relative;
}
.footerright{float:right;
width:587px;
height:263px;
 position:relative;
}.footerleft{float:left;
width:342px;
height:263px;
 position:relative;
 background:url('YbjThH.png') no-repeat;
}
.social{

position:absolute;
bottom:42px;
right:25px;
}
.social img{float:right;
height:25px;margin-right:4px;
}

a.footerlogo{
background:url('tl4scopy.png') no-repeat;
width:97px;
height:27px;
position:absolute;
bottom:38px;
left:80px;


}
/* Pill style */
#scrollUp {
	bottom: 80px;
	left: 20px;
	background: #eee;
	color: #000;
	font-size: 12px;
	font-family: tahoma;
	text-decoration: none;
	opacity: 0.9;
	padding: 5px 10px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-transition: background 200ms linear;
	-moz-transition: background 200ms linear;
	transition: background 200ms linear;
	-webkit-backface-visibility: hidden;
}
	#scrollUp:hover {
		background: #9e0101;
		color: #fff;
	}

.alt1, .alt1Active 
{
        background-color: #ebf4fb;
        color: #782d2d;

border: 1px solid #fdfdfe;
        font-family: tahoma,Arial;
font-size:10pt;

}
.alt2, .alt2Active 
{		

        background-color: #fafafa;
        color: #782d2d;
    border: 1px solid #fdfdfe;
        font-family: tahoma,Arial;
font-size:10pt;

}

.tfoot, .tfoot a, .tfoot a:hover
{
        background-color: #8c0000;
        color: #fff;
font-size:8pt;
		padding:5px;
}
.vbmenu_control a
{
        background-color: #3d3d3d;
        color: #fff;
        padding: 3px 6px 3px 6px;
        white-space: nowrap;
		

}
.vbmenu_control a:hover{
        color: #dfdfdf;
}

.tcat ,.tcat  a
{
        background-color: #000;
        color: #fff;
	     text-align:center;
        font-family: "tahoma",arial;
 font-size:10pt;
}
.thead ,.thead  a
{
        background-color: #bf0909;
        color: #fff;
 font-size:10pt;

        font-family: "tahoma",arial;

}
.panelsurround
{
background-color: #ebf4fb;
color: #bf0909;

}
.panel
{
       background-color: #ebf4fb;
       color: #bf0909;
	   padding: 10px;
       border: 2px solid;
}
.bginput,input

{
	padding:2px;
color:#fff;			-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
border-right:4px solid #3d3d3d;
border-left:4px solid #3d3d3d;
border-top:1px solid #3d3d3d;
border-bottom:1px solid #3d3d3d;
        background-color: #c20a0a;
		cursor:pointer;
}
select,textarea

{
	padding:2px;
color:#fff;	
margin-left:10px;	
border-right:4px solid #3d3d3d;
border-left:0px solid #3d3d3d;
border-top:1px solid #3d3d3d;
border-bottom:1px solid #3d3d3d;
        background-color: #c20a0a;
}
.bginput:hover,input:hover,.bginput:focus,input:focus

{
	
        background-color: #c40b0b;
}